<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>我的药品</title>
		<link href="../css/mui.css" rel="stylesheet" />
		<link href="../css/mui.min.css" rel="stylesheet"/>
		<link rel="stylesheet" href="../css/iconfont.css"/>		
		<style>
			.OA_task_1{height: 108px;}
			.mui-bar.mui-bar-nav{ background: #8dc21f;}
			.mui-bar.mui-bar-nav a,.mui-bar.mui-bar-nav h1,.mui-bar.mui-bar-nav h5,.mui-bar.mui-bar-nav input{ color: black;}
			/*药品*/
			.frien_img {display: inline-block;width: 100%;}
			.frien_img img {width: 85px;height: 85px;border: 1px solid #efeff4;}
			.home_top{width: 30%;float: left;display: inline-block;line-height: 0;}
			.frien_bq{margin-top: 0px;width: 70%;float: left;display: inline-block;line-height: 20px;}	
			.frien_bq h5{color: black;font-size: 18px;line-height: 65px;}
			/*弹窗*/	
			.mui-popover .mui-popover-arrow {position: relative; z-index: 1000;top: -25px;left: 0;overflow: hidden;width: 0px;height: 0px;}			
			.top-up{text-align: center;padding: 11px 15px;background: white;}		
			.If_btn {width: 100%;display: -webkit-box;}
			.If_btn a{width: 50%;float: left;}
			.If_btn a button{width: 100%;border-radius: 0px;font-size: 18px;border: none;}
			.If_btn a:nth-child(1) button{background: #e5e5e5;color: #929292;}
			.If_btn a:nth-child(2) button{background: #8dc21f;color: white;}			
			.mui-radio input[type=radio]:checked:before {content: '\e442';}
			.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before {color: #8dc21f;}
			.mui-checkbox, .mui-radio{padding: 10px 0;background: white;}
			.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{top: 15px;}
		</style>
	</head>		
	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">我的药品</h1>
		    <a href="#topup" class="mui-pull-right">
		    	<i class="mui-icon mui-icon-plus"></i>
		    </a>
		</header>
		<div class="mui-content">
			<div class="Drug">
				<!--<ul class="mui-table-view OA_task_1">
					<li class="mui-table-view-cell frien_img">
						<div class="mui-slider-right mui-disabled">
							<a class="mui-btn mui-btn-red">下架</a>
						</div>
						<div class="mui-slider-handle mui-table">
							<div class="home_top">
								<img src="../images/2.jpg"/>
							</div>
							<div class="frien_bq">
								<h5 class="mui-ellipsis-2">党参</h5>
							</div>
						</div>	
					</li>
				</ul>-->
			</div>
		</div>
		<!--充值-->		
		<div id="topup" class="mui-popover"style="top: 35%;left: 12%;">
			<ul class="mui-table-view">
				<div class="mui-input-row mui-radio mui-left">
				    <label>中药</label>
				    <input id="Chinese_medicine" value="2" name="radio" type="radio" checked>
				</div>	
				<div class="mui-input-row mui-radio mui-left">
				    <label>西药</label>
				    <input id="West_medicine" value="109" name="radio" type="radio">
				</div>	
				<div class="If_btn">
					<a href="#topup">
						<button type="button" class="btn">取消</button>
					</a>
					<a href="#topup">
						<button type="button" class="btn sellInfo">确认</button>
					</a>
				</div>				
			</ul>
		</div>
	</body>	
	<script src="../js/mui.js"></script>
	<script src="../js/open.js"></script>
	<script src="../js/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="../js/public.js" ></script>
	<script type="text/javascript" src="../js/app/Me_drug.js" ></script>
	<script>
//		提现
		var targetid1 = 'Chinese_medicine';
		var tid = '2';
		$(function() {
			$("input[name=radio]").click(function() {
				targetid1 = $(this).attr('id');
				tid = $(this).attr('value');
			});
			$(".If_btn a").eq(1).on("tap", function() {
				var webviewContent= plus.webview.create(targetid1+'.html',targetid1+'.html',{},{tid :tid, spage:ws.id});
				webviewContent.addEventListener("loaded", function() {
			        webviewContent.show("slide-in-right",200);
		        }, false);
			})
		});	
	</script>
</html>